<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#mycanvas{
				
				z-index: 9;
			}
			#imgps{
				z-index: 2;
			}
			
		</style>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="css/four.css"/>
		
	</head>
	<body>
		<div id="wrap">
			<!--画笔-->
			<canvas id="mycanvas" width="" height=""></canvas>
			<!--星星图-->
			<img src="images/pagefour/bc1.png" id="imgbc"/>
			<!--两行文字-->
			<span id="span1">他 们</span>
			<span id="span2">已 改 变 世 界</span>
			<!--八张人物-->
			<div id="imgps">
				<img src="images/pagefour/p11.png" id="imgp1"/>
				<img src="images/pagefour/p22.png" id="imgp2"/>
				<img src="images/pagefour/p33.png" id="imgp3"/>
				<img src="images/pagefour/p44.png" id="imgp4"/>
				<img src="images/pagefour/p55.png" id="imgp5"/>
				<img src="images/pagefour/p66.png" id="imgp6"/>
				<img src="images/pagefour/p77.png" id="imgp7"/>
				<img src="images/pagefour/p88.png" id="imgp8"/>
				
			</div>
			<!--点一点图片-->
			<img src="images/pagefour/objct-font.png" id="imgtishi"/>
			<!--下一页按钮-->
			<div id="slideDiv">
				<img src="images/pageone/slide.png" id="slide"/>
			</div>
			<img src="images/pagefour/back.png" id="xback"/>
			<!--轮播图-->
		<div class="swiper-container" id="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="images/pagefour/p1.png" id="img1" /></div>
				<div class="swiper-slide"><img src="images/pagefour/p2.png" id="img2" /></div>
				<div class="swiper-slide"><img src="images/pagefour/p3.png" id="img3" /></div>
				<div class="swiper-slide"><img src="images/pagefour/p4.png" id="img4" /></div>
				<div class="swiper-slide"><img src="images/pagefour/p5.png" id="img5" /></div>
				<div class="swiper-slide"><img src="images/pagefour/p6.png" id="img6" /></div>
				<div class="swiper-slide"><img src="images/pagefour/p7.png" id="img7" /></div>
				<div class="swiper-slide"><img src="images/pagefour/p8.png" id="img8" /></div>

			</div>

			<!-- 如果需要导航按钮 -->
			<div class="swiper-button-prev swiper-button-white" id="swiper-button-prev"></div>
			<div class="swiper-button-next swiper-button-white" id="swiper-button-next"></div>

		</div>
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
		</div>
			
	</body>
	<script src="js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/touch-0.2.14.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/four.js" type="text/javascript" charset="utf-8"></script>
	<script>
		
	</script>
	
</html>
